<template>
  <div class="right right-box">
    <div class="welcome flex radius10 padding20">
      <div>
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-tubiao1yihuifu-06"></use>
        </svg>
      </div>
      <div>欢迎来到『Liu Tingting』的小星球，这里有星星、月亮和无尽的快乐，✧*｡٩(ˊᗜˋ*)و✧*｡</div>
    </div>



  </div>
</template>
<script setup lang="ts">
import {ref,reactive} from "vue"




</script>
<style lang="scss" scoped>
.right-box {
    height: 1000px;
    // width: calc(100% - 350px);
    flex: 3;
    padding-left: 20px;
    background: pink;
    .welcome {
        border: 1px dashed  var(--c000);
        &>div:first-child {
          margin-right: 20px;
          .icon {
            animation: change-size .5s linear infinite alternate both;
          }
        }
    }
}

@keyframes change-size {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.5);
    }
  }

</style>
